<template>
  <div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="拨款管理" name="first"><MoneyManagement></MoneyManagement></el-tab-pane>
      <el-tab-pane label="支出管理" name="second"><ExpendManagement></ExpendManagement></el-tab-pane>
    </el-tabs>


  </div>
</template>

<script>

import MoneyManagement from "./MoneyManagement";
import ExpendManagement from "./ExpendManagement";

export default {
  name: "index",
  data(){
    return{
      activeName: 'first'
    }
  },
  methods:{
    handleClick(tab, event) {
      console.log(tab, event);
    }

  },
  components:{
    MoneyManagement,
    ExpendManagement,

  },


}
</script>

<style scoped>

</style>
